import React from 'react'
import { Button, Result } from "antd";
import { useNavigate } from 'react-router-dom';

const NotFound = () => {

    let navigate = useNavigate();


    function goBackHome() {
        navigate("/app", { replace: true });
    }

    return (
        <div>
            <Result
                status="404"
                title="404"
                subTitle="Sorry, the page you visited does not exist."
                extra={<Button type="primary" onClick={goBackHome}>Back Home</Button>}
            />
        </div>
    );
}

export default NotFound;